<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>品牌特卖</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <style media="screen">
        header {
            background: linear-gradient(266deg, #7D0DFC, #D116FD);
        }

        .header_inner {
            width: 100%;
            height: 44px;
        }

        .title {
            width: 100%;
            padding: 0 140px;
            text-align: center;
            white-space: nowrap;
            line-height: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            z-index: 2;
            color: #fff;
            font-size: 17px;
        }

        header span {
            display: block;
            width: 44px;
            height: 44px;
            background: url(../../image/white_back.png) no-repeat;
            background-size: 22px 22px;
            background-position: center;
            position: absolute;
        }


    </style>
</head>

<body>
    <div id="app">
        <header id="header">
            <div class="header_inner">
                <span tapmode @click="closeWin()"></span>
                <div class="title" id="title"></div>
            </div>
        </header>

    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/cling.js"></script>
<script type="text/javascript">
    apiready = function() {
        var header = $api.byId('header');
        var headerH = $api.fixStatusBar(header);
        $api.html($api.byId('title'), api.pageParam.title);


        api.openFrame({
            name: 'brand_sale_details_frame',
            url: './brand_sale_details_frame.html',
            rect: {
                marginTop: headerH,
                marginBottom: api.safeArea, // main页面距离win底部的高度
                w: 'auto'
            },
            bounces: true,
            bgColor: '#FAF9F9',
            vScrollBarEnabled: true,
            hScrollBarEnabled: true,
            pageParam: api.pageParam
        });

    }
    var vm = new Vue({
        el: '#app',
        data: {

        },
        methods: {
            closeWin: function() {
                cl.closeWin({
                    name: 'brand_sale_details'
                })
            }
        }
    });
</script>

</html>
